            .banner {
                width: 1200px;
                height: 300px;
                background: url(../img/banner-project.jpg) no-repeat center;
                margin: 0 auto;
            }
            
            .show {
                width: 100%;
                height: 2300px;
                overflow: hidden;
            }
            
            .show .title {
                height: 20px;
                font-size: 14px;
                overflow: hidden;
                margin-top: 100px;
            }
            
            .show .title .left {
                float: left;
                width: 200px;
                height: 14px;
                line-height: 14px;
                color: #767676;
                overflow: hidden;
            }
            
            .show .title .left .img {
                width: 28px;
                height: 14px;
                background: url(../img/style.png) no-repeat center;
            }
            
            .show .title .left p,
            .img {
                float: left;
            }
            
            .show .title .left .bottom {
                color: #668aca;
            }
            
            .show .title .right {
                float: right;
                width: 374px;
                height: 22px;
                text-align: center;
            }
            
            .show .title .right span {
                display: none;
                width: 12px;
                height: 1px;
                background-color: #668aca;
                margin: 0 auto;
                margin-top: 3px;
            }
            
            .show .title .right .nav-item:hover span {
                display: block;
            }
            
            .show .title .right .right-nav {
                overflow: hidden;
                height: 100%;
                width: 374px;
            }
            
            .show .title .right .right-nav .nav-item {
                float: left;
                width: 41px;
                height: 22px;
                line-height: 16px;
                margin-right: 34px;
            }
            
            .show .title .right .nav-item.mr0 {
                width: 1px;
                height: 8px;
                background-color: #b5b5b5;
                margin-top: 5px;
            }
            
            .show .title .right .nav-item.mr1 {
                margin-right: 0;
            }
            
            .show .title .right .right-nav .nav-item:hover p {
                font-size: 16px;
                line-height: 16px;
                color: #668aca;
            }
            
            .show .picture .picture-nav {
                margin-top: 65px;
                overflow: hidden;
            }
            
            .show .picture-nav .nav-item {
                /* position: relative; */
                float: left;
                width: 360px;
                height: 246px;
                margin-right: 40px;
                margin-top: 60px;
            }
            /* .show .picture-nav .nav-item img {
                position: relative;
            } */
            
            .show .picture-nav .nav-item .text {
                position: absolute;
                /* left: 50px;
                top: 30px; */
                margin-top: 30px;
                margin-left: 50px;
                /* width: fit-content; */
                height: 36px;
            }
            
            .show .picture-nav .nav-item .text img {
                position: absolute;
                bottom: 0px;
                left: 240px;
                width: 30px;
                height: 30px;
            }